<!DOCTYPE html>
{% load i18n %}
<html lang="zh-CN">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
    <link rel="shortcut icon" type="image/png" href="/static/favicon.ico"/>
    <link rel="apple-touch-icon" href="/static/apple-touch-icon.png">
    {% include 'show/link.html' %}

    <title>{% trans '实名认证' %}</title>
    <style>
    </style>
    <script>
        $(document).ready(function() {
        })

        function on_submit() {
            bootbox.confirm({
                title: "{% trans '确认提交'%}",
                message: "{% trans '个人信息一旦提交,将不可更改,确定所有信息正确填写了么?' %}",
                buttons: {
                    cancel: {
                        label: '<i class="fa fa-times"></i> {% trans "取消" %}'
                    },
                    confirm: {
                        label: '<i class="fa fa-check"></i> {% trans "确认" %}'
                    }
                },
                callback: function (result) {
                    if (result == true)
                    {
                        on_submit_internal()
                    }
                }
            });
        }

        function on_submit_internal() {
            $.post("{% url 'add_cert_info' %}",
            $("#form_cert").serialize(),
            function(result) {
                if (result['msg'] == 'exist')
                    msg_tips("{% trans '个人信息已存在,如需修改,请联系客服' %}", 5000)
                else if (result['msg'] == 'success')
                    msg_tips("{% trans '添加个人信息成功' %}", 5000)
            })
        }
    </script>
</head>
<body>
{% include 'show/top_bar.html' %}
<br>
<div class="main_body">
    <div class="container">
        {% include 'userinfo/sider.html' %}
        <div class="col-md-10 main-left this-fs f-pz person-info">
            <form id="form_cert">
            {% csrf_token %}
                <p>
                    {% trans '姓名' %}:<input type="text" name="name"><mark>{% trans '必须和有效证件上一致' %}</mark>
                </p>
                <p>
                    {% trans '性别' %}:<input type="radio" name="gender" value="M">{% trans '男' %}
                      <input type="radio" name="gender" value="F">{% trans '女' %}
                </p>
                <p>{% trans '证件签发国家(地区)' %}:
                    <select name="national" >
                        <option value="hk">{% trans '中国香港' %}</option>
                        <option value="mo">{% trans '中国澳门' %}</option>
                        <option value="tw">{% trans '中国台湾' %}</option>
                        <option value="cn">{% trans '中国大陆' %}</option>
                        <option value="jp">{% trans '日本' %}</option>
                        <option value="kr">{% trans '韩国' %}</option>
                        <option value="au">{% trans '澳大利亚' %}</option>
                        <option value="ca">{% trans '加拿大' %}</option>
                        <option value="us">{% trans '美国' %}</option>
                        <option value="sg">{% trans '新加坡' %}</option>
                        <option value="nz">{% trans '新西兰' %}</option>
                        <option value="de">{% trans '德国' %}</option>
                        <option value="fr">{% trans '法国' %}</option>
                        <option value="uk">{% trans '英国' %}</option>
                        <option value="ie">{% trans '爱尔兰' %}</option>
                        <option value="ru">{% trans '俄罗斯' %}</option>
                        <option value="es">{% trans '西班牙' %}</option>
                        <option value="pt">{% trans '葡萄牙' %}</option>
                        <option value="other">{% trans '其他,可联系客服增加' %}</option>
                    </select>
                </p>
                <p>{% trans '证件类型' %}:
                    <select name="id_type" >
                        <option value="ID">{% trans '身份证' %}</option>
                        <!---option value="Passport">{% trans '护照' %}</option-->
                    </select>
                </p>
                <p>
                    {% trans '证件号码' %}:<input type="text" name="id_number" value="">
                </p>
                <p>
                    {% trans '地址' %}:<textarea name="address" cols="51" rows="5"></textarea><mark>{% trans '选填,推荐填写' %}</mark>
                </p>
                <!---p>
                    {% trans '请上传有效证件正反面照片' %}:<input type="file" name="txtfile"><mark>{% trans '推荐上传' %}</mark>
                </p-->
                <p>
                    <input type="button" onclick="on_submit()" name="btnsbt" value="{% trans '提交' %}">
                    <input type="reset" name="btnrst" value="{% trans '重置' %}">
                </p>
            </form>
        </div>
    </div>
</div>
{% include 'show/footer.html' %}
</body>
</html>
